<tagLib name="html"/>

<include file="Public:header"/>
<BODY id="indexHomeBody">
<DIV id="wrapper">
<!-- wrapper S-->
<DIV style="display: none;" id="pop_window"></DIV>
<DIV class="lightinthebox">
<!-- content S-->
<!--bof-header logo and navigation display-->


<include file="Public:navigate"/>


<DIV id="bodyblock">
<DIV class="minframe fl">
    <!--// bof: categoriescss //-->
<include file="Public:left_categories" />
    
    
	<include file="Public:account_left"/>


</DIV>
<DIV class="maxframe">

    <!-- Header start-->
    <include file="Public:header_navigate"/>

    <!--bof-navigation display-->
<include file="Public:search_bar" />
    <!-- Header end-->
	<div class="fl product_title margin_t pad_1em">  <a href="/">Home</a>&nbsp;>&nbsp;
	  	<a href="__PUBLIC/Member"> My Account</a>&nbsp;>&nbsp;
		<span class="red">Account Settings</span>
	</div>
    




<!-- ========================================================= -->



<div class="order_layer allborder right_big_con margin_t" id="layer_switch">
<div evt="click" id="boxswitch" class="">
      <div title="OrderSummary" class="on"><span>Order Summary</span></div>
      <div title="OrderStatus" id="border_left" class="off"><span>Status History &amp; Comments</span></div>
</div>
<div id="OrderSummary" class="show">
<h4 class="dark_bg margin_t bg_in">Order information:</h4>
<notempty name="order_msg"><div class="error_box larger">{$order_msg}</div></notempty>
<ul class="pad_l_28px margin_t">

        <strong>Order Date:</strong> {$order.create_time|date="m/d/y",###}<br/>
      <strong>Order #: </strong> {$order.order_no}<br/>
      <strong>Order Total: </strong> US${$order.price}
      </ul>
<br class="clear" />

<h4 class="dark_bg margin_t bg_car">
<div class="halfwidth fl">Shipping Address: </div>
Billing Address:</h4>
<ul class="pad_l_28px clear margin_t">
<li class="fl halfwidth">{$order.first_name}&nbsp;{$order.last_name}<br /> {$order.address1}&nbsp;{$order.address2}<br /> {$order.city},  {$order.post_code}<br /> {$order.country} {$order.state}</li>
<li>{$order.first_name}&nbsp;{$order.last_name}<br /> {$order.address1}&nbsp;{$order.address2}<br /> {$order.city},  {$order.post_code}<br /> {$order.country} {$order.state}</li>

<h4 class="dark_bg margin_t bg_cart"><div class="check_order_w">Items Ordered</div>size&nbsp;&nbsp;&nbsp;&nbsp;Quantity&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Price</h4>

<ul class="pad_l_28px margin_t">
	<volist name="order.Products" id="orderProduct">
	    <li class="check_order_w">
	    	<a href="__APP__/Product/detail/id/{$orderProduct.product_id}">{$i}&nbsp;of.&nbsp;{$orderProduct.product_name}</a>    
		</li>
	    <li>${$orderProduct.size}</li>
	    <li>${$orderProduct.quantity}</li>
	    <li>{$order.currency}&nbsp;${$orderProduct.current_price}</li>
	</volist>
</ul>
<hr class="clear"/>
<div class="g_t_r">
<strong>Grand Total&nbsp;: {$order.currency}&nbsp;{$order.price}</strong></div>

<hr/>
<div id="OrderStatus" class="hide">
<table border="0" width="100%" class="table_orders margin_t" cellspacing="0" cellpadding="0">

    <tr class="tableHeading">
        <th width="140" height="33" class="gray_bg">Date</th>
        <th width="120" class="gray_bg">Order Status</th>
        <th class="gray_bg">Comments</th>
       </tr>

    <tr>
        <td valign="top">November 22, 2011</td>
        <td valign="top">Pending</td>
        <td valign="top">&nbsp;</td> 
     </tr>
</table>
    </div>
<script>layerswich();</script>
</div> 






<!-- ============================================================ -->


</div>

<!-- bof upload alerts -->
<!-- eof upload alerts -->

</DIV>
<!-- eof: layer_switch -->
<include file="Public:bottom"/>
<!--// eof: recently viewed //-->
<!--bof- site copyright display -->
<include file="Public:copyright"/>
</BODY>
</HTML>
